;(function($){
    "use strict";
	$.fn.tab= function(options){
		var {tabt,tabslid,tablist} = options;
		var index=0
			tabt.on("mouseenter",function(){
				$(this).css({
					fontWeight:700
				}).siblings().css({
					fontWeight:200
				});
				//下方三角形的滑动
				tabslid.css({
					left:$(this).innerWidth()*index
				}).stop().animate({
					left:$(this).innerWidth()*$(this).index()
				})
				
				tablist.eq($(this).index()).css({
					display:"block"
				}).siblings("dd").css({
					display:"none"
				});
				
				
				index=$(this).index()
				
			})
			
	}
	

})(jQuery);